<template>
	<div class="sl_gutter__container" :style="handleGutter"></div>
</template>
<script>
export default {
  name: 'sl-gutter',
  props: {
    size: ''
  },
  computed: {
    handleGutter () {
      let size = this.size && this.size !== '' ? this.size : '3'
      return {
        height: `${size * 2}px`
      }
    }
  }
}
</script>
<style lang="stylus" type="text/stylus">
  @import "~assets/css/theme"

  .sl_gutter__container
     background $sl_theme_bg
     display block
</style>
